<template>
  <van-tabbar v-model="active" route>
    <van-tabbar-item replace to="/" icon="goods-collect-o">选课</van-tabbar-item>
    <van-tabbar-item replace to="/LearnView" icon="records">学习</van-tabbar-item>
    <van-tabbar-item replace to="/User" icon="user-circle-o">我</van-tabbar-item>
  </van-tabbar>
</template>
<script>
export default {
  name: 'TabMenu',
  props: ['index'],
  data() {
    return {
      active: this.index,
    };
  },
};
</script>
<style lang='less' scoped>

</style>
